import styled from "styled-components";

const AddMemberWrapper = styled.div`
    background-color: #ffffff;
    border-bottom: .1rem solid #f7fafb;
`

const AddListWrapper = styled.div`
    >div{
        font-size: .14rem;
        margin-left: .2rem;
        border-bottom: 1px solid #f2f2f2;
        height: .45rem;
        display: flex;
        flex: 1;
        align-items: center;
        
        .add_list_left{
            color: #333333;
            min-width: .7rem;
            margin-right: .25rem;
            span{
                color: #fa746b;
            }
        }
        .add_list_right{
            flex: 1;
            display: flex;
            color: #999999;
            input{
                flex: 1;
                color: #333333;
                border: 0;
            }
            i{
                margin-right: .2rem;
            }
        }
    }
`
const AddBtnWrapper=styled.div`
    background-color: #ffffff;
    position: fixed;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    width: 100%;

    div{
        margin: .1rem .2rem;
        height: .45rem;
        line-height: .45rem;
        text-align: center;
        color: #ffffff;
        background-color: #2984f8;
        border-radius: .1rem;
    }
`

export {
    AddMemberWrapper,
    AddListWrapper,
    AddBtnWrapper,
}